          <?php echo $this->Session->flash(); ?>
          <div class="row">
            <div class="span9">
              <form id="formulario"></form>
              <table id="tabela" class="tabela"></table>
            </div>
          </div>
          <script type="text/template" id="tplTituloColunas">
            <%= model.get("icone") ? "<i class='" + model.get("icone") + "'></i> " : "" %><%= model.get("titulo") %>
          </script>
          <script type="text/template" id="tplFiltroColunas">
            <input class="inputFiltro"
                   id="filtro-<%= model.get("id") %>"
                   type="<%= (model.get("tipo") ? model.get("tipo") : "text") %>"
                   name="<%= model.get("nome") %>"
                   tabindex="<%= model.get("tabindex") %>"
                   form="formulario">
          </script>
          <script type="text/template" id="tplRodape">
            <tr>
              <th class="row-actions" colspan="6">
              </th>
            </tr>
          </script>
          <script type="text/template" id="tplItens">
            <td class="col-id"><%= model.get("id") %></td>
            <td class="col-data"><%= moment(model.get("dataPartida")).format("L") %></td>
            <td class="col-hora"><%= model.get("horaPartida") %></td>
            <td class="col-origem"><%= model.get("origem") %></td>
            <td class="col-destino"><%= model.get("destino") %></td>
            <td class="col-assentos"><%= model.get("assentosDisponiveis") %></td>
          </script>
          <script type="text/javascript">
            _.extend(SCUF.vwTituloColuna.prototype, {template: _.template($("#tplTituloColunas").html())});
            _.extend(SCUF.vwFiltroColuna.prototype, {template: _.template($("#tplFiltroColunas").html())});
            _.extend(SCUF.vwRodapeGrid.prototype, {template: _.template($("#tplRodape").html())});
            _.extend(SCUF.vwLinhaGrid.prototype, {itemTemplate: _.template($("#tplItens").html())});
            //
            var GridCaronas = SCUF.vwGrid.extend({
              el: $("#tabela"),
              url: "<?php echo $this->Html->url(array('controller' => 'viagens', 'action' => 'ofertasDeCarona')); ?>/sort:data_partida/direction:asc",
              events: {
                "click button#btn-pedir-carona": "pedirCarona",
              },
              colunas: [
                {titulo: "#", id: "id", nome: "data[Viagem][id]", tipo: "text", ordem: "asc"},
                {titulo: "Data", id: "data", nome: "data[Viagem][data_partida]", icone: "icon-calendar", tipo: "date", ordem: "asc"},
                {titulo: "Hora", id: "hora", nome: "data[Viagem][hora_partida]", icone: "icon-time", tipo: "time", ordem: "asc"},
                {titulo: "Origem", id: "origem", nome: "data[MunicipioOrigem][nome]", icone: "icon-map-marker", tipo: "text", ordem: "asc"},
                {titulo: "Destino", id: "destino", nome: "data[MunicipioDestino][nome]", icone: "icon-flag", tipo: "text", ordem: "asc"},
                {titulo: "Assentos", id: "assentos", nome: "data[Viagem][assentos_disponiveis]", icone: "icon-star", tipo: "number", ordem: "asc"},
              ],
              acoes: [
                {titulo: "Pedir Carona", id: "btn-pedir-carona", classe: "btn btn-mini", icone: "icon-road"},
              ],
              // {{{
              pedirCarona: function(e) {
                var caronaSelecionada = this.linhaSelecionada();
                if (caronaSelecionada !== undefined) {
                  var id = $(caronaSelecionada).children('td.col-id').text();
                  Backbone.history.navigate("viagens/pedirCarona/" + id, {trigger: true, replace: false});
                } else {
                  $.pnotify({
                    pnotify_title: 'Carona não selecionada',
                    pnotify_text: 'Selecione uma carona primeiro!',
                    pnotify_type: 'error',
                    //pnotify_error_icon: 'picon picon-network-wireless'
                  });
                }
              },
              //}}}
            });
            //
            var objGridCaronas = new GridCaronas;
            //
            $.ajax({
              url: "<?php echo $this->Html->url(array('controller' => 'municipios', 'action' => 'obterListaDeMunicipiosParaPesquisa')); ?>",
              type: "get",
              dataType: "json",
              success: function(dados) {
                $("#filtro-origem").typeahead({
                  source: dados
                });
                $("#filtro-destino").typeahead({
                  source: dados
                });
              }
            });
          </script>